<template>
    <div>
        <h1>{{ str }}</h1>
        <button @click="update()">点击更新one1111111111的数据</button>
        <button @click="getParent">点击获取父组件对象</button>
    </div>
</template>

<script>
    export default {
        name:"OneSon",
        data(){
            return {
                str:"这是one组件的数据1111111111111111"
            }
        },
        methods:{
            update(value =  "这是自己修改自己后的one的数据"){
                this.str = value;
            },
            getParent(){
                //获取父组件数据
                console.log(this.$parent.str);
                //调用父组件方法
                this.$parent.getTwo("这是我新学的技术，改父组件的数据，不小心改了two组建的");
            }
        }
    }
</script>

<style scoped>
button{
    background: blue;
    width: 300px;
    height: 100px;
}
</style>

